<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>开关</title>
    <link rel="stylesheet" href="./css/switch.css"/>
    <link href="bootstrap.css" rel="stylesheet">
    <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>

    <script src="//cdn.bootcss.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script src="./js/switch.js"></script>
</head>
<body>
<section style="margin:15px;">
    <div class="btn-group" data-toggle="buttons-radio">
        <button type="button" class="btn btn-danger select controlOff">OFF</button>
        <button type="button" class="btn btn-success unselect controlOn">ON</button>
    </div>
</section>
<!--<div class="outer">-->
<!--<div style="width: 240px" class="switch-off switch-animate">-->
<!--<input checked="" type="checkbox">-->
<!--<a href="#">-->
<!--<span class="switch-left switch-large">ON</span>-->
<!--</a>-->
<!--<label class="switch-large">&nbsp;</label>-->
<!--<a href="#">-->
<!--<span class="switch-right switch-large">OFF</span>-->
<!--</a>-->
<!--</div>-->
<!--</div>-->

</body>
</html>